<div id="flash">
    <div class="container">
    <div id="carousel-example-generic" class="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></lig>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="http://b3.images22.51img1.com/6000/riddick_ls/30f0184c74d88e5e4f6b2b0304a5a59c.png" alt="...">
    </div>
    <div class="item">
      <img src="http://bc.images22.51img1.com/6000/riddick_ls/c4abb1b84dc468f3da68c37898e18f09.png" algt="...">
    </div>
    <div class="item">
      <img src="http://b3.images22.51img1.com/6000/riddick_ls/30f0184c74d88e5e4f6b2b0304a5a59c.png" alt="...">
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
      </a>
    </div>

    </div>
</div>
<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/js/holder.js"></script>
<script type="text/javascript" src="/static/js/bootstrap.js"></script>
<script type="text/javascript">
        $('.carousel').carousel();
</script>

